import React, { PureComponent } from "react";
import { connect } from "dva";
import { Card } from "antd";
import Gauge  from '../../components/Charts/Gauge';



@connect(({ dashboard, loading }) => ({
  chartsData:dashboard.chartsData,
  loading: loading.models.dashboard,
}))
export default class Dashboard extends PureComponent {
  constructor(props) {
    super(props);

  }

  componentDidMount() {

  }



  render() {
    const { chartsData, loading } = this.props;


    return (
      <Card
        bordered={false}
        bodyStyle={{padding:'10'}}
        hoverable={true}
        // loading={loading}
      >
        <Gauge
          title="设备完好率"
          height={164}
          percent={chartsData.devGoodRate ? chartsData.devGoodRate : 0}
        />
      </Card>
    );
  }
}
